import './index.less'
const SplitTheme = ({ children, backgroundUrl }: any) => {
    const style:any ={};
    if(backgroundUrl){
      style.backgroundSize = `cover`
      style.backgroundRepeat = `no-repeat`
      style.backgroundImage = `url(${backgroundUrl})`
    }
    return <div className="split-theme-container">
        <div className="split-theme-container-left" style={style}>
            
        </div>
        <div className="split-theme-container-right">

            {children}
        </div>
    </div>
}
export default SplitTheme